<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8" />
		<title>关于我们-南京雷影电子科技有限公司-致力于气象探测仪器,雷电探测设备等的技术研发、技术咨询及技术服务</title>
		<meta name="description" content="您可以从此处了解到南京雷影科技有限公司的气象探测仪器,雷电探测设备,气象监测预警系统,气象与环境污染治理,防雷工程技术以及商务信息等研发、咨询服务,丰富的新闻资讯"/>
		<meta name="keywords" content="电子科技有限公司-雷电,气象与环境污染-电子产品技术研发、技术咨询及技术服务-公司相关信息-南京雷影电子科技有限公司"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		
		<link rel="stylesheet" href="commonCSS/commonInitialize.css" />
		<link rel="stylesheet" href="commonCSS/commonDisplayFlex.css" />
		<link rel="stylesheet" href="commonCSS/htmlFontSize.css" />
		<link rel="stylesheet" href="commonCSS/CSSLoadingAnimation01.css" />
		<link rel="stylesheet" href="commonCSS/section-area.css" />
		<!--引入font-awesome字体图标库-->
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
		<link rel="stylesheet" href="index-css/index-header-area.css" />
		<!--about-us页面的section区域的样式表-->
		<link rel="stylesheet" href="about-us-css/about-us-section.css" />
		<link rel="stylesheet" href="index-css/index-footer-area.css" />
		<link rel="stylesheet" href="commonCSS/lookWeather.css" />
		
	</head>

	<body class="hide-scrollbar">
		<!--
			在 index-header-area.css 样式表文件中，
			我给body设置了
				最大宽度	max-width: 1300px;
		-->
		
		<!--这个网页加载动画元素的div要放在body下面的第一个子元素的位置，因为是要在加载后面的所有元素之前运行动画的-->
		<div class="loading1">
			<div class="loading01">
				<div>加载中，稍等……<br />loading……</div>
				<span></span>
				<span></span>
				<span></span>
			</div>
		</div>
		<script type="text/javascript">
			window.addEventListener("load", function() {
				document.getElementsByClassName("loading1")[0].remove();
				
			});
		</script>
		
		
		<!--header区域开始 start-->
		<header id="header-area">
			<!--封装为Vue组件了-->
			<header-bar></header-bar>
			
			
		</header>
		<!--header区域结束 end-->
		<!--section区域开始 start-->
		
		<section id="section-area">
			
			<div id="before-memories-content">
				<a href="javascript:;">往期内容回顾</a>
			</div>
			<div class="content">
				<h1>南京雷影科技有限公司简介</h1>
				<p>
					南京雷影电子科技有限公司，
					成立于<time>2019年9月</time>，
				</p>
				<p>
					是一家集科学研究、硬件产品研发与软件平台建设一体的专业科技公司。
				</p>
				<dl class="services-dl">
					<dt>我们可以为您提供主要的业务&研发的主要产品有：</dt>
					<dd>
						<ol class="services-ol">
							<li><a href="javascript:;"><strong>三维闪电探测系统</strong></a></li>
							<li><a href="javascript:;"><strong>“猫头鹰”电路异常信号智能监测系统</strong></a></li>
							<li><a href="javascript:;"><strong>雷电预警服务平台</strong></a></li>
							<li><a href="javascript:;"><strong>风云卫星云降水服务平台等</strong></a></li>
						</ol>
					</dd>
				</dl>
				<p>公司研发实力强大，产品先进，<ins><em>在全国十余个省市得到应用。</em></ins></p>
				<h2>南京雷影科技有限公司研究领域图例一览表（部分）</h2>
				<ul class="imgs display-flex flex-wrap flex-justify-space-around flex-align-items-start flex-align-content-start">
					<li>
						<a href="javascript:;">
							<img src="index-img/thunder01.jpeg" alt="关于我们-南京雷影科技有限公司业务领域图片" />
						</a>	
					
					</li>
					<li>
						<a href="javascript:;">
							<img src="index-img/thunder06.jpeg" alt="关于我们-南京雷影科技有限公司业务领域图片" />
						</a>	
					
					</li>
					<li>
						<a href="javascript:;">
							<img src="index-img/thunder03.jpeg" alt="关于我们-南京雷影科技有限公司业务领域图片" />
						</a>	
					
					</li>
					<li>
						<a href="javascript:;">
							<img src="index-img/thunder04.jpg" alt="关于我们-南京雷影科技有限公司业务领域图片" />
						</a>	
					
					</li>
				
				</ul>
				
			</div>
			
		</section>
		<!--section区域结束 end-->
		<!--footer start-->
		<footer id="footer-area">
			
			<!--position: fixed; 的div-->
			<div id="show-contact-us-ways" class="hide-scrollbar">
				
				<!--联系我们的div-->
				<ol>
					<li id="contact-us">
						<p>
							<a href="javascript:;">
								<i class="fa fa-address-book"></i>
								<strong>客服</strong>
							</a>
						</p>
						<p>
							<a href="tel: 1008">
								<i class="fa fa-phone-square"></i>
								电话：<br />100883301122
							</a>
						</p>
						<p>
							<a href="mailto: 123456@163.com">
								<i class="fa fa-envelope-square"></i>
								邮箱：<br />123456@163.com
							</a>
						</p>
						<p title="关闭" class="close-container">
							<a href="javascript:;">&times;</a>
						</p>
					</li>
					<li id="focus-on-us">
						
					<!--关注我们的div-->
						<p>
							<a href="javascript:;">
								
								<strong>关注我们</strong>
							
								<img src="index-img/thunder-background.jpg" alt="南京雷影科技有限公司微信公众号二维码图片" />
							</a>
						</p>
					</li>
				</ol>
					
					
					
				</div>
				
			</div>
				
			<!--“ 雷动风行 · 随波逐影 ” 的div-->
			<div id="fixed-left-div">
				<div id="index-vertical-show" title="雷动风行 · 随波逐影">
					<a href="javascript:;"><img src="index-img/index-vertical-show.png" alt="雷动风行，随波逐影" /></a>
				</div>
			<!--<div id="fixed-left-div">
				
			</div>-->
				<!--点击回到顶部的div-->
				
			</div>
			<div id="fixed-right-div">
				<div id="toTop" class="circle-shape-div" title="回到顶部  to top">
					<a href="javascript:;">
						<i class="	fa fa-caret-up"></i>
						<br />
						to Top
					</a>
				</div>
				<div id="show-weather-div" class="circle-shape-div">
					<a href="javascript:;">
						查看
						<br />
						天气
					</a>
				</div>
				<div onclick="history.back();" class="circle-shape-div" title="回到上一页，上一个页面">
					<a href="javascript:;">
						<i class="fa fa-mail-reply"></i>
						<p>上页</p>
					</a>
				</div>
				<div onclick="history.go(1);" id="show-weather-div" class="circle-shape-div" title="去到下一页，下一个页面">
					<a href="javascript:;">
						<i class="	fa fa-mail-forward"></i>
						<p>下页</p>
					</a>
				</div>
			</div>
			<!--查询天气并显示信息的div盒子-->
			<div id="lookWeather" class="min-width-280px hide-scrollbar" :style="{background: backgroundColor01, color: textColor01}">
				<div class="weatherDiv" v-cloak>
					<div class="hide-div">
						<a href="javascript:;">&times;</a>
					</div>
					<div class="weatherTitle">
						
						<a @click="toggleTempeUnitType();" href="javascript:;">
							<strong>
								现温：{{nowTemperature + " "}}{{temperatureUnitType}}
							</strong>
							<br />
							<strong>
								时间：{{new Date().toLocaleString()}}
							</strong>
						</a>
					</div>
					<div>
						<label id="weatherInput">
							<div>
								<input autofocus type="text" v-model="inputValue" @keyup.enter="getWeather" 
									:placeholder="inputParam" />
								
							</div>
							<div @click="getWeather();">
								<span>
									搜索	
								</span>
							</div>
							
							
							
						</label>

					</div>
					<div id="metropolitansList">
						<a href="javascript:;">热门城市：</a>
						<a href="javascript:void;" @click="inputValue = '北京市'; getWeather();">北京市</a>
						<a href="javascript:void;" @click="inputValue = '上海市'; getWeather();">上海市</a>
						<a href="javascript:void;" @click="inputValue = '广州市'; getWeather();">广州市</a>
						<a href="javascript:void;" @click="inputValue = '深圳市'; getWeather();">深圳市</a>
						<a href="javascript:void;" @click="inputValue = '武汉市'; getWeather();">武汉市</a>
						<a href="javascript:void;" @click="inputValue = '南京市'; getWeather();">南京市</a>
						<a href="javascript:void;" @click="inputValue = '苏州市'; getWeather();">苏州市</a>
						<a href="javascript:void;" @click="inputValue = '无锡市'; getWeather();">无锡市</a>
						<a href="javascript:void;" @click="inputValue = '郑州市'; getWeather();">郑州市</a>
						<a href="javascript:void;" @click="inputValue = '昆明市'; getWeather();">昆明市</a>
						<a href="javascript:void;" @click="inputValue = '澳门'; getWeather();">澳门特别行政区</a>
						<a href="javascript:void;" @click="inputValue = '香港'; getWeather();">香港特别行政区</a>
					</div>
					<div class="remind-div" v-show="showDiv">
						点击过于频繁，
						<br />请每1秒后点击一次
					</div>
					<ul class="weatherUl">
						<li class="weatherLi" v-for="(item, i) in weatherDates">
							<!--<div>{{index === 0 ? "今天" : (new Date().getMonth() + 1) + "月 " + item.date.toString().substr(0, 3) }} </div>
							<div>{{item.date.toString().substring(3, item.date.toString().length)}}</div>
							<div>{{item.low.toString().substring(item.low.toString().indexOf("温") + 1, item.low.length)}} </div> 
							<div>{{item.high.toString().substring(item.high.toString().indexOf("温") + 1, item.high.length)}}</div>
							<div>{{item.type}}</div>
							<div>{{item.fengxiang}} </div> 
							<div>{{item.fengli.toString().replace(/\D/gi, "") + "级"}}</div>-->
							<div>{{item }} </div>
							<div>{{weatherWeekDays[i]}}</div>
							<div>{{weatherMinT[i] }}</div>
							<div>{{weatherMaxT[i] }} </div> 
							<div>{{weatherConditionType[i]}}</div>
							<div>{{weatherFengXiang[i]}}</div>
							<div>{{weatherFengLi[i]}}</div>
							<!--<div></div>-->
						</li>
					</ul>
					<div v-show="showEchartsDivBtn" id="click-show-temperature-chart">
						<a href="javascript:;">
						展示数据图表
						</a>
					</div>
					<!--一开始这个是隐藏的，不显示的-->
					<div id="con-father-div">
						<!--用来装echarts制图的效果的div盒子-->
						<div id="con1"></div>
						<div>&times;</div>
					</div>
					
				</div>
				
			</div>
			
		</footer>
		<!--footer区域结束 end-->
		<!--
			我建议，以下JavaScript文件的引入顺序：
				1. 先引入Vuejs相关的，
				2. 再引入jQuery相关的，
				3. 再引入本文件index.html相关的JavaScript文件
		-->
		<script src="index-js/Vue压缩版文件引入.js"></script>
		<!--封装为Vue组件的JavaScript文件要记得引入，在Vuejs后面引入-->
		<script type="text/javascript" src="index-js/header-bar.js"></script>
		<script src="index-js/axios.js"></script>
		<script src="index-js/lookWeather.js"></script>
		<!--
			1、以上挂载了 Vuejs 的实例与文件，是虚拟DOM，先加载的jQuery或JavaScript选择器等就不行了，
			2、所以要先引入Vue的文件，再引入原生JavaScript、jQuery等框架的文件，谨记！！！
		-->
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		
		<!--echarts可视化制图javascript文件引入-->
		<script src="echarts-js/echartsjs01.js"></script>
		
		<script src="index-js/index.js" type="text/javascript"></script>
		<!--点击回到顶部的JavaScript文件，最后引入较好，让其他重要文件先加载-->
		<script type="text/javascript" src="index-js/scrollToTopAnimation.js"></script>
		
</body>
</html>